<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta charset="UTF-8" />
		<title></title>
		<!--<link rel="stylesheet" type="text/css" href="css/style.css" />-->
		<link rel="stylesheet" th:href="@{/static/before/css/style.css}" />
		<script th:src="@{/webjars/jquery/2.1.3/jquery.js}" type="text/javascript"></script>
		<script th:src="@{/static/before/index.js}" type="text/javascript"></script>
	</head>

	<body>
	<div th:insert="before/header :: header"></div>
	<div th:insert="before/header02 :: header02"></div>
		<!-- start banner_y -->
		<div class="banner_y center">
			<div class="nav">
				<ul>
					<li  th:each="firstt:${firAndSec}">
						<a th:href="@{/list/{id}(id=${firstt.firid})}"  th:text="${firstt.firname}" th:value="${firstt.firid}"></a>
						<div class="pop">
							<div class="left fl" >
								<div>
									<div class="xuangou_left fl" th:each="secname:${#strings.listSplit(firstt.secnameLi,',')}">
										<a th:href="@{/list02/{id}/{name}(name=${secname},id=${firstt.firid})}">
											<div class="img fl"><img src="/static/before/image/logo-orange.png" alt="" /></div>
											<span class="fl" th:text="${secname}"></span>
											<div class="clear"></div>
										</a>
									</div>
<!--									<div class="xuangou_right fr">-->
<!--										<a href="xiangqing.html" target="_blank">选购</a>-->
<!--									</div>-->
									<div class="clear"></div>
								</div>
							</div>

							<div class="clear"></div>
						</div>
					</li>
				</ul>
			</div>

		</div>

		<div class="sub_banner center">
			<div class="sidebar fl">
				<div class="fl">
					<a href=""><img src="/static/before/image/hjh_01.gif" /></a>
				</div>
				<div class="fl">
					<a href=""><img src="/static/before/image/hjh_02.gif" /></a>
				</div>
				<div class="fl">
					<a href=""><img src="/static/before/image/hjh_03.gif" /></a>
				</div>
				<div class="fl">
					<a href=""><img src="/static/before/image/hjh_04.gif" /></a>
				</div>
				<div class="fl">
					<a href=""><img src="/static/before/image/hjh_05.gif" /></a>
				</div>
				<div class="fl">
					<a href=""><img src="/static/before/image/hjh_06.gif" /></a>
				</div>
				<div class="clear"></div>
			</div>
			<div class="datu fl">
				<a href="/before/goodsinfo/10101"><img th:src="@{http://192.168.1.58:8001/{filename}/1.jpg(filename=${goods1.showimages})}" alt="" /></a>
			</div>
			<div class="datu fl">
				<a href="/before/goodsinfo/40202"><img th:src="@{http://192.168.1.58:8001/{filename}/1.jpg(filename=${goods2.showimages})}" alt="" /></a>
			</div>
			<div class="datu fr">
				<a href="/before/goodsinfo/5050202"><img th:src="@{http://192.168.1.58:8001/{filename}/1.jpg(filename=${goods3.showimages})}" alt="" /></a>
			</div>
			<div class="clear"></div>
		</div>

		<!-- start danpin -->
		<div class="danpin center">

			<div class="biaoti center">明星单品<span class="fr"><a href="/list/1" th:value="1">更 多>></a></span></div>
			<div class="main center" >
				<div class="mingxing fl" th:each="hots:${hot}">
					<div class="sub_mingxing">
<!--						<a href=""><img src="http://192.168.1.58:8001/01/101/10101/show/1.jpg" alt="" /></a>-->
						<a th:href="@{/before/goodsinfo/}+${hots.gid}"><img th:src="@{http://192.168.1.58:8001/{filename}/1.jpg(filename=${hots.showimages})}"></a>
					</div>
					<div class="pinpai">
						<a th:href="@{/before/goodsinfo/}+${hots.gid}" th:text="${hots.gname}"></a>
					</div>
					<div class="youhui" th:text="${hots.service}"></div>
					<div class="jiage" th:text="${hots.price}">元起</div>
				</div>

				<div class="clear"></div>
			</div>
		</div>
		<div class="danpin center">
			<div class="biaoti center"> 手 机<span class="fr"><a href="/list/1" th:value="1">更 多>></a></span></div>
			<div class="content">
			<div class="main center">
					<div class="mingxing fl" th:each="firli:${firlist}">
						<div class="sub_mingxing">
							<!--						<a href=""><img src="http://192.168.1.58:8001/01/101/10101/show/1.jpg" alt="" /></a>-->
							<a th:href="@{/before/goodsinfo/}+${firli.gid}"><img th:src="@{http://192.168.1.58:8001/{tuname}/1.jpg(tuname=${firli.showimages})}"></a>
						</div>
						<div class="pinpai">
							<a th:href="@{/before/goodsinfo/}+${firli.gid}" th:text="${firli.gname}"></a>
						</div>
						<div class="youhui" th:text="${firli.service}"></div>
						<div class="jiage" th:text="${firli.price}">元起</div>
					</div>
<!--					/////-->
<!--					<div class="remen fl" th:each="firli:${firlist}">-->
<!--						<div class="xinpin"><span>新品</span></div>-->
<!--						<div class="tu">-->
<!--							<a href=""><img th:src="@{http://192.168.1.58:8001/{tuname}/1.jpg(tuname=${firli.showimages})}"/></a>-->
<!--						</div>-->
<!--						<div class="miaoshu">-->
<!--							<a href="" th:text="${firli.gname}"></a>-->
<!--						</div>-->
<!--						<div class="jiage" th:text="${firli.price}"></div>-->
<!--						<div class="redu" th:text="${firli.hot}">372人评价</div>-->
<!--						<div class="piao">-->
<!--							<a href="">-->
<!--								<span>发货速度很快！很配小米6！</span>-->
<!--								<span>来至于mi狼牙的评价</span>-->
<!--							</a>-->
<!--						</div>-->
<!--					</div>-->
					<div class="clear"></div>
			</div>
			</div>
		</div>
		<div class="danpin center">

			<div class="biaoti center">电 视<span class="fr"><a href="/list/2" th:value="2">更 多>></a></span></div>
			<div class="main center" >
				<div class="mingxing fl" th:each="secli:${seclsit}">
					<div class="sub_mingxing">
						<!--						<a href=""><img src="http://192.168.1.58:8001/01/101/10101/show/1.jpg" alt="" /></a>-->
						<a th:href="@{/before/goodsinfo/}+${secli.gid}"><img th:src="@{http://192.168.1.58:8001/{filename}/1.jpg(filename=${secli.showimages})}"></a>
					</div>
					<div class="pinpai">
						<a th:href="@{/before/goodsinfo/}+${secli.gid}" th:text="${secli.gname}"></a>
					</div>
					<div class="youhui" th:text="${secli.service}"></div>
					<div class="jiage" th:text="${secli.price}">元起</div>
				</div>

				<div class="clear"></div>
			</div>
		</div>
		<div class="danpin center">

			<div class="biaoti center">电脑 平板<span class="fr"><a href="/list/3" th:value="3">更 多>></a></span></div>
			<div class="main center" >
				<div class="mingxing fl" th:each="thirli:${thirlsit}">
					<div class="sub_mingxing">
						<!--						<a href=""><img src="http://192.168.1.58:8001/01/101/10101/show/1.jpg" alt="" /></a>-->
						<a th:href="@{/before/goodsinfo/}+${thirli.gid}"><img th:src="@{http://192.168.1.58:8001/{filename}/1.jpg(filename=${thirli.showimages})}"></a>
					</div>
					<div class="pinpai">
						<a th:href="@{/before/goodsinfo/}+${thirli.gid}" th:text="${thirli.gname}"></a>
					</div>
					<div class="youhui" th:text="${thirli.service}"></div>
					<div class="jiage" th:text="${thirli.price}">元起</div>
				</div>

				<div class="clear"></div>
			</div>
		</div>
		<div class="danpin center">

			<div class="biaoti center">家 电<span class="fr"><a href="/list/4" th:value="4">更 多>></a></span></div>
			<div class="main center" >
				<div class="mingxing fl" th:each="fourli:${fourlsit}">
					<div class="sub_mingxing">
						<!--						<a href=""><img src="http://192.168.1.58:8001/01/101/10101/show/1.jpg" alt="" /></a>-->
						<a th:href="@{/before/goodsinfo/}+${fourli.gid}"><img th:src="@{http://192.168.1.58:8001/{filename}/1.jpg(filename=${fourli.showimages})}"></a>
					</div>
					<div class="pinpai">
						<a th:href="@{/before/goodsinfo/}+${fourli.gid}" th:text="${fourli.gname}"></a>
					</div>
					<div class="youhui" th:text="${fourli.service}"></div>
					<div class="jiage" th:text="${fourli.price}">元起</div>
				</div>

				<div class="clear"></div>
			</div>
		</div>
		<div class="danpin center">

			<div class="biaoti center">耳机 音箱<span class="fr"><a href="/list/5" th:value="5">更 多>></a></span></div>
			<div class="main center" >
				<div class="mingxing fl" th:each="fivli:${fivlsit}">
					<div class="sub_mingxing">
						<!--						<a href=""><img src="http://192.168.1.58:8001/01/101/10101/show/1.jpg" alt="" /></a>-->
						<a th:href="@{/before/goodsinfo/}+${fivli.gid}"><img th:src="@{http://192.168.1.58:8001/{filename}/1.jpg(filename=${fivli.showimages})}"></a>
					</div>
					<div class="pinpai">
						<a th:href="@{/before/goodsinfo/}+${fivli.gid}" th:text="${fivli.gname}"></a>
					</div>
					<div class="youhui" th:text="${fivli.service}"></div>
					<div class="jiage" th:text="${fivli.price}">元起</div>
				</div>

				<div class="clear"></div>
			</div>
		</div>
		<div class="danpin center">

			<div class="biaoti center">生活 箱包<span class="fr"><a href="/list/6" th:value="6">更 多>></a></span></div>
			<div class="main center" >
				<div class="mingxing fl" th:each="sixli:${sixlsit}">
					<div class="sub_mingxing">
						<!--						<a href=""><img src="http://192.168.1.58:8001/01/101/10101/show/1.jpg" alt="" /></a>-->
						<a th:href="@{/before/goodsinfo/}+${sixli.gid}"><img th:src="@{http://192.168.1.58:8001/{filename}/1.jpg(filename=${sixli.showimages})}"></a>
					</div>
					<div class="pinpai">
						<a th:href="@{/before/goodsinfo/}+${sixli.gid}" th:text="${sixli.gname}"></a>
					</div>
					<div class="youhui" th:text="${sixli.service}"></div>
					<div class="jiage" th:text="${sixli.price}">元起</div>
				</div>
				<div class="clear"></div>
			</div>
		</div>
	<div class="clear "></div>
	<div style="position: relative;top: 50px" th:insert="before/footer :: footer"></div>
	</body>

</html>